/**
http://g.tbcdn.cn/ju/??h5-compo/1.0.0/compo.css
**/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu,
nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th, td {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

q, blockquote {
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

a img {
    border: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block
}

.u-list-block .list li {
    width: auto;
    background: #f8f8f8
}

.u-list-block .list li .item-pic {
    font-size: 0;
    line-height: 0;
    height: 80px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
    overflow: hidden;
    position: relative;
    background: #f2f2f2
}

.u-list-block .list li .item-pic s {
    position: absolute;
    width: 58.5px;
    height: 17px;
    background: url(http://gtms02.alicdn.com/tps/i2/T1Iq4VFx0lXXaqj.77-117-34.png);
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    margin-left: -29px;
    margin-top: -8.5px
}

.u-list-block .list li .item-pic img {
    border-radius: 2px;
    position: relative;
    z-index: 2
}

.u-list-block .list li .item-info {
    -webkit-box-flex: 1;
    margin-left: 9px
}

.u-list-block .list li .item-info .good-name {
    height: 35px;
    padding-right: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px !important;
    line-height: 1.3em;
    color: #000;
    font-weight: 300;
    text-decoration: none
}

.u-list-block .list li .item-info .pirce {
    font-family: Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    line-height: 25px;
    margin-top: 5px;
    height: 25px
}

.u-list-block .list li .item-info .pirce .promote-price {
    font-family: Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    color: #F72862;
    font-size: 16px;
    line-height: 22px
}

.u-list-block .list li .item-info .pirce .promote-price em {
    position: relative;
    top: -.5px
}

.u-list-block .list li .item-info .cost-price {
    font-family: Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 11px;
    position: relative;
    top: -2px;
    color: #999
}

.u-list-block .list li .item-info .cost-price em {
    position: relative;
    top: -.5px
}

.u-list-block .list li .item-info .buy-now .discount {
    font-family: Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    float: left;
    font-size: 11px;
    color: #999;
    height: 18px;
    line-height: 18px;
    margin-right: 8px
}

.u-list-block .list li .item-info .buy-now {
    font-family: Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    height: 15px;
    overflow: hidden
}

.u-list-block .list li .item-info .buy-now .buy-count {
    font-family: Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    float: left;
    height: 18px;
    line-height: 18px;
    color: #999;
    font-size: 11px;
    float: right
}

.u-list-block .list li .item-info .buy-now .status {
    float: right;
    width: 60px;
    height: 18px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    text-decoration: none
}

.u-list-block .list li > a {
    overflow: hidden;
    position: relative;
    font-family: Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    text-decoration: none;
    display: -webkit-box;
    padding: 12px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1)
}

.u-list-block .list li > a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    box-sizing: border-box;
    right: auto;
    width: 100%;
    padding: 0 12px;
    bottom: 0;
    height: 1px;
    background-clip: content-box;
    background-image: linear-gradient(0deg, #dcdcdc, #dcdcdc 50%, transparent 50%);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom
}

.u-list-block .list li .item-info .buy-now .upcoming {
    background-color: #690
}

.u-list-block .list li .item-info .buy-now .purchase {
    background-color: #F40
}

.u-list-block .list li .item-info .buy-now .on-sale {
    background-color: #39C
}

.u-list-block .list li .item-info .buy-now .over, .u-list-block .list li .item-info .buy-now .sold-out {
    background-color: #999
}

.item-type {
    font-size: 11px;
    color: #fff;
    height: 15px;
    line-height: 15px;
    padding: 0 1px 0 2px;
    display: inline-block;
    border-radius: 2px;
    position: relative;
    float: right
}

.item-type.not-begin {
    background: #44ab00
}

.item-type.chance {
    background: #3883bb
}

.item-type.soldout {
    background: #aaa
}

.item-type.order {
    background: #e80
}